<!-- START row-->
<div class="col-lg-12">
  <!-- START panel-->
  <div class="">
	 <div class="">
		<!-- Nav tabs -->
		<ul class="nav nav-tabs" id="nav_tabs_root">
		   <li class="active"><a href="#tab_1" data-toggle="tab">Tab 1</a></li>
		   <li><a href="#tab_2" data-toggle="tab">Tab 2</a></li>
		   <li><a href="#messages" data-toggle="tab">Giao diện</a></li>
		</ul>
		<!-- Tab panes -->
		<div class="tab-content" id="tab_content_root" style="  height: 305px;padding: 0;">
		   <div id="tab_1" class="tab-pane fade in active">
				<!-- START row-->
				<div class="col-lg-12" style="padding: 0;">
				  <!-- START panel-->
				  <div class="">
					 <div class="">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs">
						   <li class="active"><a href="#tab1_home" data-toggle="tab">Tham số</a>
						   </li>
						   <li><a href="#tab1_profile" data-toggle="tab">Tiêu chí</a>
						   </li>
						   
						</ul>
						<!-- Tab panes -->
						<div class="tab-content tab_content_child">
						   <div id="tab1_home" class="tab-pane fade in active">
						   		<?php  echo $this->atheme->input('Title', 'tab_1[title]', set_value('tab_1[title]', @$tab_1['title']), array('help'=>'')); ?>
								<?php  echo $this->atheme->input('Title URL', 'tab_1[title_link]', set_value('tab_1[title_link]', @$tab_1['title_link']), array('help'=>'')); ?>
								<?php  echo $this->atheme->input('Limit', 'tab_1[limit]', set_value('tab_1[limit]', @$tab_1[limit]), array('help'=>'Số lượng bài viết hiển thị')); ?>
								<?php  echo $this->atheme->input('Mã ID bài viết', 'tab_1[post_id]', set_value('tab_1[post_id]', @$tab_1['post_id']), array('help'=>'Bài viết ưu tiên hiển thị')); ?>
								<?php  echo $this->atheme->input('Chặn mã ID bài viết', 'tab_1[ignore_post_id]', set_value('tab_1[ignore_post_id]', @$tab_1['ignore_post_id']), array('help'=>'Bỏ qua bài viết được nhập')); ?>
						   </div>
						   <div id="tab1_profile" class="tab-pane fade">
								<?php  echo $this->atheme->select('Sắp xếp theo', 'tab_1[order_by]', set_value('tab_1[order_by]', @$tab_1['order_by']), array('options' => array('post_time_start' =>'Ngày xuất bản','view' =>'Lượt xem','random'=>'Ngẫu nhiên'),'help'=>'')); ?>
								<?php  echo $this->atheme->select('Sắp xếp thứ tự', 'tab_1[order]', set_value('tab_1[order]', @$tab_1['order']), array('options' => array('DESC' =>'Giảm dần','ASC'=>'Tăng dần'),'help'=>'')); ?>
								<?php  echo $this->atheme->checks('Bài viết cùng danh mục', array(@$tab_1['iscategory']), array('options' => array(
											array('','tab_1[iscategory]','true')	),
									'help'=>'')); ?>

								<?php  echo $this->atheme->multiselect('Danh mục', 'tab_1[cateid]', @$tab_1['cateid'], array('options' => $list_cate,'help'=>'')); ?>
						   </div>
						</div>
					 </div>
				  </div>
				  <!-- END panel-->
				</div>
		   </div>
		   <div id="tab_2" class="tab-pane fade">
				<!-- START row-->
				<div class="col-lg-12" style="padding: 0;">
				  <!-- START panel-->
					<div class="">
					 	<div class="">
						<!-- Nav tabs -->
							<ul class="nav nav-tabs">
							   <li class="active"><a href="#tab2_home" data-toggle="tab">Tham số</a>
							   </li>
							   <li><a href="#tab2_profile" data-toggle="tab">Tiêu chí</a>
							   </li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content tab_content_child">
								<div id="tab2_home" class="tab-pane fade in active">
								<?php  echo $this->atheme->input('Title', 'tab_2[title]', set_value('tab_2[title]', @$tab_2['title']), array('help'=>'')); ?>
								<?php  echo $this->atheme->input('Title URL', 'tab_2[title_link]', set_value('tab_2[title_link]', @$tab_2['title_link']), array('help'=>'')); ?>
								<?php  echo $this->atheme->input('Limit', 'tab_2[limit]', set_value('tab_2[limit]', @$tab_2['limit']), array('help'=>'Số lượng bài viết hiển thị')); ?>
								<?php  echo $this->atheme->input('Mã ID bài viết', 'tab_2[post_id]', set_value('tab_2[post_id]', @$tab_2['post_id']), array('help'=>'Bài viết ưu tiên hiển thị')); ?>
								<?php  echo $this->atheme->input('Chặn mã ID bài viết', 'tab_2[ignore_post_id]', set_value('tab_2[ignore_post_id]', @$tab_2['ignore_post_id']), array('help'=>'Bỏ qua bài viết được nhập')); ?>
								</div>
								<div id="tab2_profile" class="tab-pane fade">
								<?php  echo $this->atheme->select('Sắp xếp theo', 'tab_2[order_by]', set_value('tab_2[order_by]', @$tab_2['order_by']), array('options' => array('post_time_start' =>'Ngày xuất bản','view' =>'Lượt xem','random'=>'Ngẫu nhiên'),'help'=>'')); ?>
								<?php  echo $this->atheme->select('Sắp xếp thứ tự', 'tab_2[order]', set_value('tab_2[order]', @$tab_2['order']), array('options' => array('DESC' =>'Giảm dần','ASC'=>'Tăng dần'),'help'=>'')); ?>
								<?php  echo $this->atheme->checks('Bài viết cùng danh mục', array(@$tab_2['iscategory']), array('options' => array(
											array('','tab_2[iscategory]','true')	),
									'help'=>'')); ?>

								<?php  echo $this->atheme->multiselect('Danh mục', 'tab_2[cateid]', @$tab_2['cateid'], array('options' => $list_cate,'help'=>'')); ?>
								</div>
							</div>
	 					</div>
	  				</div>
	  				<!-- END panel-->
  				</div>	
		   </div>
		   <div id="messages" class="tab-pane fade">
				<?php  
				$views = array();
				$views['view_1'] = 'Giao diện 1';

				echo $this->atheme->select('Giao diện', 'view',  @$view, array('options' => $views,'help'=>'Chọn giao diện của widget này.')); ?>

				<img src="<?php echo theme_url();?>module/tab_posts_module/<?php echo (isset($view)?$view:'view_1');?>.png" class="module-image-thumb">
			</div>
		   </div>
		</div>
	 </div>
  </div>
  <!-- END panel-->
  </div>




<style>
img.module-image-thumb {
	max-height: 180px;
	max-width: 100%;
}
</style>
<script>

$( "select[name='type']" ).change(function() {
	if($(this).val() == 'choose')
	{
		$("label[for='sup_limit']").text('ID sản phẩm (cách nhau bởi dấu ,)');
	}
	else
	{
		$("label[for='sup_limit']").text('Số lượng sản phẩm');
	}
});
$( "select[name='view']" ).change(function() {
	 $(".module-image-thumb").attr('src','<?php echo theme_url();?>module/ultimate_posts_module/'+$(this).val()+'.png');
});

</script>
